home *** CD-ROM | disk | FTP | other *** search
/ Internet.Works 39 / Issue 39.iso / pc / PCSoftware / AceHTML 4.0 / AceHTML4Pro.exe / %MAINDIR% / ScriptDef / Text Animation.sd < prev    next >
Encoding:
INI File  |  2000-08-31  |  6.6 KB  |  363 lines
  1. [SUBJECT]
  2. Description=Text Animation Script
  3. ImageIndex=-1
  4. Folder=DHTML Text Effects
  5.  
  6.  
  7. [BODY_TEXT]
  8. ;<style type="text/css">
  9. ;<!--
  10. ;.textanimlink,a {
  11. ;text-decoration : none;
  12. ;}
  13. ;P.main {
  14. ;    font-family : Arial;
  15. ;    font-size : 15pt;
  16. ;    font-weight : bold;
  17. ;}
  18. ;-->
  19. ;</style>
  20. ;
  21. ;
  22. ;<Script Language="Javascript">
  23. ;<!-- Hiding
  24. ;
  25. ;/*
  26. ;Script created by Lefteris Haritou
  27. ;(lef@the.forthnet.gr)
  28. ;Permission granted to Dynamicdrive.com to feature the script
  29. ;For more DHTML scripts, visit Dynamicdrive.com
  30. ;*/
  31. ;
  32. ;bname=navigator.appName;
  33. ;bversion=parseInt(navigator.appVersion)
  34. ;if ((bname=="Netscape" && bversion>=4) || (bname=="Microsoft Internet Explorer" && bversion>=4))
  35. ;window.onload=start
  36. ;else
  37. ;stop();
  38. ;window.onunload=stop
  39. ;if (bname=="Netscape"){
  40. ;brows=true
  41. ;dt=2
  42. ;}
  43. ;else{
  44. ;brows=false
  45. ;dt=20
  46. ;}
  47. ;var z=0;
  48. ;var msg=0;
  49. ;var rgb=0;
  50. ;var link=false;
  51. ;var status=true;
  52. ;var updwn=false;
  53. ;var message= new Array();
  54. ;var value=0;
  55. ;var h=window.innerHeight;
  56. ;var w=window.innerWidth;
  57. ;var timer1;
  58. ;var timer2;
  59. ;var timer3;
  60. ;var convert = new Array()
  61. ;var hexbase= new Array("0", "1", "2", "3", "4", "5", "6", "7", "8", "9", "A", "B", "C", "D", "E", "F");
  62. ;
  63. ;// Put here your own messages. Add as many as you wan't (Do not edit anything else in the Script except the lines below)
  64. ;
  65. ;var bgcolor="#FFFFFF"; //Color of background
  66. ;var color="#00008D";  //Color of the Letters
  67. ;
  68. ;message[0]='`message0`'
  69. ;message[1]='`message1`'
  70. ;message[2]='`message2`'
  71. ;message[3]='`message3`'
  72. ;
  73. ;// Put here your own messages. Add as many as you wan't (Do not edit anything else in the Script except the lines above)
  74. ;
  75. ;for (x=0; x<16; x++){
  76. ;for (y=0; y<16; y++){
  77. ;convert[value]= hexbase[x] + hexbase[y];
  78. ;value++;
  79. ;}
  80. ;}
  81. ;
  82. ;redx=color.substring(1,3);
  83. ;greenx=color.substring(3,5);
  84. ;bluex=color.substring(5,7);
  85. ;hred=eval(parseInt(redx,16));
  86. ;hgreen=eval(parseInt(greenx,16));
  87. ;hblue=eval(parseInt(bluex,16));
  88. ;eredx=bgcolor.substring(1,3);
  89. ;egreenx=bgcolor.substring(3,5);
  90. ;ebluex=bgcolor.substring(5,7);
  91. ;ered=eval(parseInt(eredx,16));
  92. ;egreen=eval(parseInt(egreenx,16));
  93. ;eblue=eval(parseInt(ebluex,16));
  94. ;red=ered;
  95. ;green=egreen;
  96. ;blue=eblue;
  97. ;
  98. ;function start(){
  99. ;if ((bname=="Netscape" && bversion>=4) || (bname=="Microsoft Internet Explorer" && bversion>=4)){
  100. ;link=false;
  101. ;updwn=true;
  102. ;if (brows)
  103. ;res=document.layers['textanim'].top
  104. ;else{
  105. ;textanim.style.width=document.body.offsetWidth-20;
  106. ;textanim.innerHTML='<Pre><P Class="main" Align="Center">'+message[msg]+'</P></Pre>'
  107. ;res=textanim.style.top
  108. ;for (x=0; x<document.all.length; x++)
  109. ;if(document.all[x].id=="textanimlink")
  110. ;link=true;
  111. ;}
  112. ;up()
  113. ;}
  114. ;}
  115. ;
  116. ;function stop(){
  117. ;clearTimeout(timer1);
  118. ;clearTimeout(timer2);
  119. ;clearTimeout(timer3);
  120. ;}
  121. ;
  122. ;function resz(){
  123. ;h=window.innerHeight;
  124. ;w=window.innerWidth;
  125. ;if (updwn)
  126. ;timer1=setTimeout('up()',1000)
  127. ;else
  128. ;timer2=setTimeout('down()',1000)
  129. ;}
  130. ;
  131. ;function breakf(){
  132. ;if (status){
  133. ;clearTimeout(timer1);
  134. ;clearTimeout(timer2);
  135. ;status=false
  136. ;return;
  137. ;}
  138. ;else{
  139. ;status=true;
  140. ;if (updwn)
  141. ;timer1=setTimeout('up()',dt)
  142. ;else
  143. ;timer2=setTimeout('down()',dt)
  144. ;}
  145. ;}
  146. ;
  147. ;
  148. ;function up(){
  149. ;if (red<hred){
  150. ;if ((red+7)<hred)
  151. ;red+=7;
  152. ;else
  153. ;red=hred
  154. ;redx = convert[red]
  155. ;}
  156. ;else{
  157. ;if ((red-7)>hred)
  158. ;red-=7;
  159. ;else
  160. ;red=hred
  161. ;redx = convert[red]
  162. ;}
  163. ;
  164. ;if (green<hgreen){
  165. ;if ((green+7)<hgreen)
  166. ;green+=7;
  167. ;else
  168. ;green=hgreen
  169. ;greenx = convert[green]
  170. ;}
  171. ;else{
  172. ;if ((green-7)>hgreen)
  173. ;green-=7;
  174. ;else
  175. ;green=hgreen
  176. ;greenx = convert[green]
  177. ;}
  178. ;
  179. ;if (blue<hblue){
  180. ;if ((blue+7)<hblue)
  181. ;blue+=7;
  182. ;else
  183. ;blue=hblue
  184. ;bluex = convert[blue]
  185. ;}
  186. ;else{
  187. ;if ((blue-7)>hblue)
  188. ;blue-=7;
  189. ;else
  190. ;blue=hblue
  191. ;bluex = convert[blue]
  192. ;}
  193. ;
  194. ;rgb = "#"+redx+greenx+bluex;
  195. ;if (brows){
  196. ;document.layers['textanim'].document.linkColor=rgb;
  197. ;document.layers['textanim'].document.vlinkColor=rgb;
  198. ;if (window.innerHeight!=h || window.innerWidth!=w){
  199. ;clearTimeout(timer1);
  200. ;resz()
  201. ;return;
  202. ;}
  203. ;else{
  204. ;document.layers['textanim'].document.write('<Pre><P Class="main" Align="Center"><font color="'+rgb+'">'+message[msg]+'</font></P></Pre>')
  205. ;document.layers['textanim'].document.close();
  206. ;}
  207. ;}
  208. ;else{
  209. ;textanim.style.color=rgb;
  210. ;if(link)
  211. ;textanimlink.style.color=rgb;
  212. ;}
  213. ;if (z<38){
  214. ;if (brows)
  215. ;document.layers['textanim'].top--
  216. ;else
  217. ;textanim.style.posTop--
  218. ;z++
  219. ;timer1=setTimeout('up()',dt)
  220. ;}
  221. ;else
  222. ;{
  223. ;updwn=false;
  224. ;down()
  225. ;}
  226. ;}
  227. ;
  228. ;
  229. ;function down(){
  230. ;if (red<ered){
  231. ;if ((red+7)<ered)
  232. ;red+=7;
  233. ;else
  234. ;red=ered
  235. ;redx = convert[red]
  236. ;}
  237. ;else{
  238. ;if ((red-7)>ered)
  239. ;red-=7;
  240. ;else
  241. ;red=ered
  242. ;redx = convert[red]
  243. ;}
  244. ;
  245. ;if (green<egreen){
  246. ;if ((green+7)<egreen)
  247. ;green+=7;
  248. ;else
  249. ;green=egreen
  250. ;greenx = convert[green]
  251. ;}
  252. ;else{
  253. ;if ((green-7)>egreen)
  254. ;green-=7;
  255. ;else
  256. ;green=egreen
  257. ;greenx = convert[green]
  258. ;}
  259. ;
  260. ;if (blue<eblue){
  261. ;if ((blue+7)<eblue)
  262. ;blue+=7;
  263. ;else
  264. ;blue=eblue
  265. ;bluex = convert[blue]
  266. ;}
  267. ;else{
  268. ;if ((blue-7)>eblue)
  269. ;blue-=7;
  270. ;else
  271. ;blue=eblue
  272. ;bluex = convert[blue]
  273. ;}
  274. ;
  275. ;rgb = "#"+redx+greenx+bluex;
  276. ;if (brows){
  277. ;document.layers['textanim'].document.linkColor=rgb;
  278. ;document.layers['textanim'].document.vlinkColor=rgb;
  279. ;if (window.innerHeight!=h || window.innerWidth!=w){
  280. ;clearTimeout(timer2);
  281. ;resz()
  282. ;return;
  283. ;}
  284. ;else{
  285. ;document.layers['textanim'].document.write('<Pre><P Class="main" Align="Center"><font color="'+rgb+'">'+message[msg]+'</font></P></Pre>')
  286. ;document.layers['textanim'].document.close();
  287. ;}
  288. ;}
  289. ;else{
  290. ;textanim.style.color=rgb;
  291. ;if(link)
  292. ;textanimlink.style.color=rgb;
  293. ;}
  294. ;
  295. ;if (z<76){
  296. ;if (brows)
  297. ;document.layers['textanim'].top--
  298. ;else
  299. ;textanim.style.posTop--
  300. ;z++
  301. ;timer2=setTimeout('down()',dt)
  302. ;}
  303. ;else
  304. ;{
  305. ;if (brows){
  306. ;document.layers['textanim'].document.write('')
  307. ;document.layers['textanim'].document.close();
  308. ;}
  309. ;else
  310. ;textanim.innerHTML='';
  311. ;window.clearInterval(timer2);
  312. ;if(msg<message.length-1){
  313. ;msg++;
  314. ;z=0;
  315. ;if (brows){
  316. ;document.layers['textanim'].top=res;
  317. ;}
  318. ;else
  319. ;textanim.style.top=res;
  320. ;timer3=setTimeout('start()',100);
  321. ;}
  322. ;else
  323. ;{
  324. ;msg=0;
  325. ;z=0;
  326. ;if (brows)
  327. ;document.layers['textanim'].top=res;
  328. ;else
  329. ;textanim.style.top=res;
  330. ;timer3=setTimeout('start()',2000);
  331. ;}
  332. ;}
  333. ;}
  334. ;
  335. ;
  336. ;// done hiding -->
  337. ;</Script>
  338. ;<Div id="textanim" style="position: absolute; left: 0; top: 440" onclick="breakf()">
  339. ;</Div>
  340. ;<Layer name="textanim" left=0 top=440>
  341. ;</Layer>
  342. ;
  343.  
  344.  
  345.  
  346.  
  347. [`message0`]
  348. Kind=S
  349. Value=The future of JavaScript
  350.  
  351. [`message1`]
  352. Kind=S
  353. Value=Today.
  354.  
  355. [`message2`]
  356. Kind=S
  357. Value=Dynamic Drive
  358.  
  359. [`message3`]
  360. Kind=S
  361. Value=DHTML code library
  362.  
  363.